// 获取第一个表单
//document.forms[0] 或 document.forms["myform"]
// 获取表单元素
//document.forms[0].elements[0]
// 或 document.forms["myform"].elements["userName"]
// 或者简化 document.forms[0][0]

function $(id) {
    return document.querySelector(id);
}

function uperoor() {
    ice.alert('请正确输入账号或密码');
}

window.onload = function () {
    // 给文本框绑定事件
    document.forms[0][0].onblur = checkUserName;
    document.forms[0][1].onblur = checkPwd;

    // 给表单绑定提交事件：onsubmit (点提交按钮时触发)
    document.forms[0].onsubmit = checkForm;

};


// 校验用户名
function checkUserName() {

    // 获取用户名的文本框对象(第一个表单的第一个元素)
    let userName = document.forms[0][0].value;
    // 定义正则表达式
    let reg = /^[a-zA-Z]\w{4,9}$/;

    // 用正则去验证用户名是否符合规则
    if (reg.test(userName)) {  // 测试通过，返回true
        // 显示提示信息
        // $("#nameMsg").innerHTML="√";
        // $("#nameMsg").style.color="#0f0";
        return true;

    } else {
        // $("#nameMsg").innerHTML="用户名格式错误!";
        // $("#nameMsg").style.color="#f00";
        return false;
    }

}

// 校验密码
function checkPwd() {
    let userPwd = document.forms[0][1].value;
    let reg = /^[a-zA-Z0-9]{6,16}$/;
    if (reg.test(userPwd)) {  // 测试通过，返回true
        // 显示提示信息
        // $("#pwdMsg").innerHTML="√";
        // $("#pwdMsg").style.color="#0f0";
        return true;  // 返回值

    } else {
        // $("#pwdMsg").innerHTML="密码格式不正确!";
        // $("#pwdMsg").style.color="#f00";
        return false;
    }

}

// // 校验下拉框
// function checkEdu(){
// 	let edu=document.forms[0]["userEdu"].value;
// 	if (edu==="") {
// 		$("#eduMsg").innerHTML="请选择学历!";
// 		$("#eduMsg").style.color="#f00";
// 		return false;
// 	} else {
// 		$("#eduMsg").innerHTML="√";
// 		$("#eduMsg").style.color="#0f0";
// 		return true;
// 	}
// }


// 校验整个表单
function checkForm() {

    if (checkUserName() && checkPwd() /*&& checkEdu()*/) {
        //条件成立， 整个表单数据校验通过
        // 可以获取用户填写的数据，并且提交到服务器处理
        let userName = document.forms[0][0].value;
        let userPwd = document.forms[0][1].value;
        //let userSex=document.forms[0][2].checked?"男":"女";
        //let hobbys="";
        // for (let i = 0; i < document.getElementsByName("userHobby").length; i++) {
        // 	if (document.getElementsByName("userHobby")[i].checked) {
        // 		hobbys+=document.getElementsByName("userHobby")[i].value+" ";
        // 	}
        // }
        // let edu=document.forms[0]["userEdu"].value;
        // let userInfo=document.forms[0]["userInfo"].value;

        // alert(userName);
        // alert(userPwd);
        // alert(userSex);
        // alert(hobbys);
        // alert(edu);
        // alert(userInfo);

        return true;

    } else {
        // 不通过呢: 阻止表单的提交
        uperoor();
        return false;
    }
}
